<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>DCV模拟推送工具</title>
<!-- load stylesheets -->
<link rel="stylesheet" href="css/googleapis.css">
<!-- Google web font "Open Sans" -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<!-- Bootstrap style -->
<link rel="stylesheet" href="css/magnific-popup.css">
<!-- Magnific pop up style, http://dimsemenov.com/plugins/magnific-popup/ -->
<link rel="stylesheet" href="css/templatemo-style.css">
<!-- Templatemo style -->
<link rel="stylesheet" href="css/buttons.css">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
	<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
	<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
	<script>
		function ChangeDiv(divId, divName, zDivCount) {
			for (i = 0; i <= zDivCount; i++) {
				document.getElementById(divName + i).style.display = "none";
			}
			document.getElementById(divName + divId).style.display = "block";
		}
	</script>
	<div class="container">
		<div class="row">
			<div class="tm-left-right-container">
				<!-- Left column: logo and menu -->
				<div class="tm-blue-bg tm-left-column">
					<div class="tm-logo-div text-xs-center">
						<a href="index.html"><img src="img/tm-neaty-logo.png"
							alt="Logo"></a>
						<!-- <h1 class="tm-site-name"><a href="index.html">Uinnova</a></h1> -->
					</div>
					<nav class="tm-main-nav">
						<ul class="tm-main-nav-ul">
							<li class="tm-nav-item"><a href="#one"
								class="tm-nav-item-link">第一步 参数填写</a></li>
							<li class="tm-nav-item"><a href="#two"
								class="tm-nav-item-link" disabled="disabled"
								style="color: gray;">第二步 上传布局</a></li>
							<li class="tm-nav-item"><a href="#three"
								class="tm-nav-item-link" disabled="disabled"
								style="color: gray;">第三步 模型清单</a></li>
							<!--
						<li class="tm-nav-item">
							<a href="#over" class="tm-nav-item-link">结束</a>
						</li>
						-->
						</ul>
					</nav>
				</div>
				<!-- Left column: logo and menu -->

				<!-- Right column: content -->
				<div class="tm-right-column">

					<div class="tm-content-div">
						<!-- Welcome section -->
						<br></br> <br></br> <span
							onclick="JavaScript:ChangeDiv('0','JKDiv_',2)"
							class="button button-glow button-border button-rounded button-primary">Tarsier</span>
						<span onclick="JavaScript:ChangeDiv('1','JKDiv_',2)"
							class="button button-glow button-border button-action button-primary">Itvop</span>
						<span onclick="JavaScript:ChangeDiv('2','JKDiv_',2)"
							class="button button-glow button-border button-caution button-primary">使用说明</span>
						<br></br>
						<div id="JKDiv_0" style="font-size: 19px;">
							<!-- Gallery One section -->
							<section id="one" class="tm-section">
								<header>
									<h2 class="tm-blue-text tm-section-title tm-margin-b-30">Tarsier-填写参数</h2>
								</header>
								<div class="row">
									<div class="col-lg-6">
										<form method="post" class="contact-form"
											action="uploads.action">
											<div class="form-group">
												<input type="text" id="fangjian" name="fangjian"
													class="form-control" placeholder="房间编号" />
											</div>
											<div class="form-group">
												<input type="text" id="J" name="J" class="form-control"
													placeholder="设备间隔"
													onkeypress="return (/[\d.]/.test(String.fromCharCode(event.keyCode)))" />
											</div>
											<div class="form-group">
												<input type="text" id="G" name="G" class="form-control"
													placeholder="机柜高度"
													onkeypress="return (/[\d.]/.test(String.fromCharCode(event.keyCode)))" />
											</div>
											<!--
									<div class="form-group">
										<textarea id="contact_message" name="contact_message" class="form-control" rows="9" placeholder="Message" required></textarea>
									</div>-->
											<button type="submit" class="float-right tm-button" id="oo"
												onclick="controlDIV()">开始</button>
											<a href="index.html" class="float-right tm-button">返回</a>
										</form>
									</div>

									<div class="col-lg-6 tm-contact-right">
										<address>房间编号，多房间以英文逗号","为分隔符（不填即默认向所有房间推送数据）</address>
										<address>机柜内设备的间隔（不填即默认为4U）</address>
										<p>机柜高度（不填即默认为42U机柜）</p>
									</div>
								</div>
							</section>
							<br></br> <br></br>
						</div>
						<div id="JKDiv_1" style="display: none; font-size: 19px;">
							<!-- Gallery One section -->
							<section id="one" class="tm-section">
								<header>
									<h2 class="tm-blue-text tm-section-title tm-margin-b-30">Itvop-填写参数</h2>
								</header>
								<div class="row">
									<div class="col-lg-6">
										<form method="post" class="contact-form"
											action="upload.action">
											<div class="form-group">
												<input type="text" id="text" name="text"
													class="form-control" placeholder="场景编号" required />
											</div>
											<div class="form-group">
												<input type="text" id="ip" name="ip" class="form-control"
													placeholder="推送目标IP" />
											</div>
											<div class="form-group">
												<input type="text" id="fangjian" name="fangjian"
													class="form-control" placeholder="房间编号" />
											</div>
											<div class="form-group">
												<input type="text" id="J" name="J" class="form-control"
													placeholder="设备间隔"
													onkeypress="return (/[\d.]/.test(String.fromCharCode(event.keyCode)))" />
											</div>
											<div class="form-group">
												<input type="text" id="G" name="G" class="form-control"
													placeholder="机柜高度"
													onkeypress="return (/[\d.]/.test(String.fromCharCode(event.keyCode)))" />
											</div>
											<!--
									<div class="form-group">
										<textarea id="contact_message" name="contact_message" class="form-control" rows="9" placeholder="Message" required></textarea>
									</div>-->
											<button type="submit" class="float-right tm-button" id="oo"
												onclick="controlDIV()">开始</button>
											<a href="index.html" class="float-right tm-button">返回</a>
										</form>
									</div>

									<div class="col-lg-6 tm-contact-right">
										<p>DCV数据中心编号（必填字段）</p>
										<address>服务器IP（推送的目标IP,不填即默认127.0.0.1）</address>
										<address>房间编号，多房间以英文逗号","为分隔符（不填即默认向所有房间推送数据）</address>
										<address>机柜内设备的间隔（不填即默认为4U）</address>
										<p>机柜高度（不填即默认为42U机柜）</p>
									</div>
								</div>
							</section>
							<br></br> <br></br>
						</div>
						<div id="JKDiv_2" style="display: none; font-size: 19px;">
							<section id="about" class="tm-section">
								<div class="row">
									<img src="img/zican1.png" alt="Image" class="img-fluid">
								</div>
							</section>
						</div>
					</div>
				</div>
				<!-- Right column: content -->
			</div>
		</div>
		<!-- row -->
	</div>
	<!-- container -->

	<!-- load JS files -->
	<script src="js/jquery-1.11.3.min.js"></script>
	<!-- jQuery (https://jquery.com/download/) -->
	<script src="js/jquery.magnific-popup.min.js"></script>
	<!-- Magnific pop-up (http://dimsemenov.com/plugins/magnific-popup/) -->
	<script src="js/jquery.singlePageNav.min.js"></script>
	<!-- Single Page Nav (https://github.com/ChrisWojcik/single-page-nav) -->
	<script>
		$(document).ready(function() {

			// Single page nav
			$('.tm-main-nav').singlePageNav({
				'currentClass' : "active",
				offset : 20
			});

			// Magnific pop up
			$('.tm-gallery-1').magnificPopup({
				delegate : 'a', // child items selector, by clicking on it popup will open
				type : 'image',
				gallery : {
					enabled : true
				}
			// other options
			});

			$('.tm-gallery-2').magnificPopup({
				delegate : 'a', // child items selector, by clicking on it popup will open
				type : 'image',
				gallery : {
					enabled : true
				}
			// other options
			});

			$('.tm-gallery-3').magnificPopup({
				delegate : 'a', // child items selector, by clicking on it popup will open
				type : 'image',
				gallery : {
					enabled : true
				}
			// other options
			});

			$('.tm-current-year').text(new Date().getFullYear());
		});
	</script>
</body>
</html>

